.login-wrap {
    position: relative; // width: 100%;
    height: 100%; // background: url(/static/img/login-bg0.jpg) top center no-repeat;
    // background-size: cover;
    &:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.4;
        background-image: url(/static/img/login-bg5.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .login-content {
        max-width: 1100px;
        position: relative;
        margin: 0 auto;
        z-index: 10;
        .login-aside {
            padding: 60px 450px 0px 16px;
            .logo {
                font-size: 28px;
                color: #000;
                padding-bottom: 30px;
                position: relative;
                &:after {
                    content: '';
                    position: absolute;
                    display: block;
                    height: 1px;
                    min-width: 500px;
                    background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
                    bottom: 0;
                    left: 0;
                }
            }
            .bio {
                padding-top: 30px;
                font-size: 15px;
                color: #000;
                div {
                    span {
                        padding-left: 6px;
                        line-height: 30px;
                    }
                }
            }
        }
        .login-panel {
            position: absolute;
            right: 16px;
            top: 120px;
            .login-box {
                display: inline-block;
                background: #fff;
                width: 390px;
                border-radius: 4px;
                text-align: center;
                .login-box-title {
                    font-size: 28px;
                    font-weight: 400;
                    padding-top: 25px;
                    color: #333;
                }
                .login-box-form {
                    padding-top: 25px;
                    padding-bottom: 25px;
                    width: 300px;
                    margin: 0 auto;
                    input {
                        font-size: 14px;
                        display: inline-block;
                        border: 1px solid #ddd;
                        border-radius: 2px;
                        color: #333;
                        vertical-align: middle;
                        box-sizing: border-box;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        width: 100%;
                        height: 40px;
                        line-height: 1.2;
                        padding-top: 11px;
                        padding-bottom: 9px;
                        &:hover {
                            border-color: #b3b3b3;
                            outline: 0
                        }
                        &:focus {
                            border-color: #00a2ff;
                            outline: 0
                        }
                    }
                    .failed {
                        font-size: 12px;
                        line-height: 22px;
                        margin: 0 auto 15px;
                        vertical-align: middle;
                        border-radius: 2px;
                        position: relative;
                        color: #e1504a;
                        background: #fee;
                        width: 300px;
                        max-height: 140px;
                        padding: 6px;
                        margin-top: -10px;
                        text-align: left;
                        -webkit-transition: max-height .5s ease-in-out;
                        transition: max-height .5s ease-in-out;
                    }
                    .register {
                        height: 36px;
                        line-height: 36px;
                        font-size: 14px;
                        color: #8492A6;
                        text-align: right;
                        a {
                            color: #2277da;
                        }
                    }
                }
            }
            .login-btn {
                text-align: center;
                button {
                    width: 100%;
                    height: 40px;
                    font-size: 17px;
                    -webkit-appearance: none;
                }
            }
        }
    }
}